<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!-- Bootstrap -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
		<style>
			*{
				box-sizing: border-box;
			}
			.dropdown-menu {
				min-width: 100px!important;
				left: -20px!important;
			}
			
			.activea {
				border-bottom: 1px solid #0078FF;
			}
			
			.a {
				color: #0078FF!important;
			}
			.navbar-default .navbar-nav>.open>a{
				background-color: #fff!important;
			}
		</style>
	</head>

	<body>
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
					<img style="height: 40px;margin-top: 5px;margin-right: 150px;" src="images/图层676.png" />
				</div>
				<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav">
						<li class="item activea">
							<a href="" class="a">首页</a>
						</li>
						<li class="item">
							<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">服务</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">网页开发</a>
								</li>
								<li>
									<a href="#">APP开发</a>
								</li>
								<li>
									<a href="#">微信开发</a>
								</li>
								<!--<li class="divider"></li>
								<li>
									<a href="#">分离的链接</a>
								</li>
								<li class="divider"></li>-->
							</ul>
						</li>
						<li class="item">
							<a href="#">案例</a>
						</li>
						<li class="item">
							<a href="service.html">新闻中心</a>
						</li>
						<li class="item">
							<a href="#">关于我们</a>
						</li>
						<li class="item">
							<a href="#">联系我们</a>
						</li>
					</ul>
					<div style="float: right;display: flex;flex-direction: row;align-items: center;height: 50px;">
						<p>0592-123456</p>
					</div>
				</div>
			</div>
		</nav>
	</body>
	<script src="js/jquery-3.3.1.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->    
	<script>
		//		$(function() {
		//			$(".head").load("a.html")
		//		})
		$(".item").click(function() {
			$(this).addClass("activea").siblings().removeClass("activea");
//			$(this).children("a").addClass("a").siblings().children("a").removeClass("a");
			$(this).children("a")	.addClass("a").parent().siblings().children("a").removeClass("a")
		})
	</script>

</html>